{% extends "base.html" %}

{% block title %}

{% endblock title %}

{% block head %}

	<link rel="stylesheet" href="/overview.base.css" type="text/css">

		<script language="JavaScript"> 

	function change(id) {
		var elt = document.getElementById(id);
		elt.style.backgroundColor='#FFF';  
	}
	</script>

{% endblock head %}

{% block header %}

	HEADER

{% endblock header %}

{% block MainNav %}

	MAIN-NAV

{% endblock MainNav %}
	
{% block sidebar %}

	SIDEBAR

{% endblock sidebar %}


{% block list %}
	
	<table class="gridtable">

		{% for e in Sites %}

			<tr class="cell" id="c1" onclick="change('c1');">
				<th>
					<input class="cell-select" type="checkbox" name="cell1">
				</th>

				<th>
				<img class="cell-img">
				</th>

				<th>
				<span class="cell-name">{{ e.name }}</span>
				</th>

				<th>
				<span class="cell-lastchange">{{ e.last_change }}</span>
				</th>

				<th>
				<input class="cell-edit" type="button" name="edit">
				</th>

				<th>
				<input class="cell-remove" type="button" name="remove">
				</th>
				
			</tr>
		{% endfor %}

	</table>

{% endblock list %}
